<? $this->load->view('head',$head);?>

<? $this->load->view('header');?>
<div id="barra_horizontal_amarilla"></div>
<div id="contenido_reservaciones" >

    <div id="cont-titulo">
        <div class="izquierda_titulo"><span id="titulo">Datos clientes</span></div>
        <div class="derecha_titulo">
            <img src="img/indicador.png" border="0"  alt="" style="width: 20px; float: left;">
                <div id="indicador" class="fuerte">
                    <span style="margin-left: -18px;">1</span>
                </div>
            <img src="img/indicador.png" border="0"  alt="" style="width: 20px; float: left; margin-left: -4px">
                <div id="indicador" class="fuerte">
                    <span style="margin-left: -18px;">2</span>
                </div>
            <img src="img/indicador_hover.png" border="0"  alt="" style="width: 20px; float: left; margin-left: -4px">
                <div id="indicador" class="fuerte">
                    <span style="margin-left: -18px;">3</span>
                </div>
        </div>
    </div>
    

    <div id="cont-pass">
            <div>
                <div class="izquierda_esp_datosreservacion"><span>Nombre</span></div>
                <div class="derecha_esp_datosreservacion">
                    <input type="text" class="text-datosclientes" value=""   onClick="this.value=''" />
                </div>
            </div>
            <div>
                <div class="izquierda_esp_datosreservacion"><span>Apellidos</span></div>
                <div class="derecha_esp_datosreservacion">
                    <input type="text" class="text-datosclientes" value=""   onClick="this.value=''" />
                </div>
            </div>
            <div>
                <div class="izquierda_esp_datosreservacion"><span>E-mail</span></div>
                <div class="derecha_esp_datosreservacion">
                    <input type="text" class="text-datosclientes" value=""   onClick="this.value=''" />
                </div>
            </div>
    </div>
    <div id="cont-titulo">
        <div class="izquierda_titulo"><span id="titulo">Datos de Tarjeta</span></div>
    </div>
    
     <div id="cont-pass">    
        <div class="completo_esp">
            <div class="izquierda_datosclientes">
                    <input type="checkbox" class="checkbox"/>
            </div>
            
            <div  class="tarjetas">
                <img src="img/pico_visa.gif" border="0"  alt="" style="width:50%"/>
            </div>
            <div class="izquierda_datosclientes">
                    <input type="checkbox" class="checkbox"/>
            </div>
            
            <div  class="tarjetas" >
                <img src="img/pico_mc.gif" border="0"  alt="" style="width:50%"/>
            </div>
            <div class="izquierda_datosclientes">
                    <input type="checkbox" class="checkbox"/>
            </div>
            
            <div  class="tarjetas">
                <img src="img/pico_amex.gif" border="0"  alt="" style="width:50%"/>
            </div>
        </div>
        
        <div class="completo_esp">
            <div style="float: left;    width: 29%;">
                    <span >Fecha de expiracion</span>
            </div>
            
            <div  style="float: left;  width: 11%; text-align: left; margin-left: 5px;">
                <div class="derecha_esp_datosreservacion">
                    <select name="categoria" id="categoria" class="combobox_esp">
                        <option value="0">selecciona...</option>
                        <option value="1">Autos y Motos</option>
                        <option value="2">Inmuebles</option>
                    </select>
                </div>
            </div>
            <div  style="float: left;  width: 45%; text-align: left; margin-left: 5px;">
                <div class="derecha_esp_datosreservacion">
                    <select name="categoria" id="categoria" class="combobox_esp">
                        <option value="0">selecciona...</option>
                        <option value="1">Autos y Motos</option>
                        <option value="2">Inmuebles</option>
                    </select>
                </div>
            </div>
        </div>
        
        <div class="completo_esp">
            <div class="izquierda_datosclientes">
                    <input type="checkbox" class="checkbox"/>
            </div>
            
            <div  class="derecha_datosclientes">
                <span >He leido y acepto</span><br/><span >Aviso de privacidad</span>
            </div>
        </div>
        <div class="completo_esp">
            <div class="izquierda_datosclientes">
                    <input type="checkbox" class="checkbox"/>
            </div>
            
            <div  class="derecha_datosclientes">
                <span >He leido y acepto</span><br/><span >Termino y condiciones de uso</span>
            </div>
        </div>
        <div class="completo_esp">
            <div class="izquierda_terminos">
                    <img src="img/arrow_gray.png" style="width: 20px; "/>
            </div>
            
            <div  class="derecha_terminos">
                <a href="./reservaciones/avisodeprivacidad"><span style="text-decoration: underline;">Aviso de privacidad</span></a>
            </div>
        </div>
        <div class="completo_esp">
            <div class="izquierda_terminos">
                    <img src="img/arrow_gray.png" style="width: 20px; "/>
            </div>
            
            <div  class="derecha_terminos">
                <a href="./reservaciones/terminosycondiciones/2"><span style="text-decoration: underline;">Terminos y condiciones de uso</span></a>
            </div>
        </div>
        
    </div>

    <div id="opcion_buscar">
        <a href="./reservaciones/detallereservacion" onClick="buscar();"><img src="img/button_blue.png" border="0"  alt="">
            <div id="boton" class="fuerte">
                <span>Confirmar</span>
            </div>
        </a>
    </div>
    
</div>

<? $this->load->view('footer');?>




